<template>
  <view class="item">
    <progressBar :progress_txt="statisticalData.num" :total="statisticalData.total" startColor="red"
      endColor="#15BFBF" textColor="#2FE1E1">
      <template slot="name">
        <view class="name">客户总数</view>
      </template>
    </progressBar>
  </view>
</template>


<script>
  import progressBar from '@/components/chocolate-progress-bar/chocolate-progress-bar.vue';
  export default {
    components: {
      progressBar
    },
    data() {
      return {
        statisticalData: {
          num: 70, //现有数量
          total: 100 //总数
        }
      }
    }
  }
</script>
<style lang="less">
  .item {
    margin-top: 40upx;
    padding: 0 20upx;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;

    .name {
      text-align: center;
      margin-top: -10upx;
      font-size: 28upx;
      font-weight: 400;
      color: #999999;
    }
  }
</style>
